/* BOTAO PADRAO */

.botao{ width: auto;
        height: auto;
        padding: 2px 15px 2px 15px ;
        text-align: center;
        border-radius: 15px;
        font-family: Trebuchet MS;
        font-size: 14px;
        -webkit-transition: 0.4s linear;
        -moz-transition: 0.4s linear;
}

.botao:hover {  color: #FFF;
                font-size: 12px;
                padding: 2px 17px 2px 17px;
                background: none;
                -webkit-transition: 0.4s linear;
                -moz-transition: 0.4s linear;
                }
                

/* BOTAO ALTERAR EM LISTAS */

.botaoalterarlista{
    background: url(/angelsis/imagens/bot_minialterar.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 19px;
    color: #FFF;
    text-align: center;
    border: 0;
     -webkit-transition: 0.3s linear;
     -moz-transition: 0.3s linear;
}
.botaoalterarlista:hover{
    background: url(/angelsis/imagens/bot_minialterar.png) 0 -25px;
     -webkit-transition: 0.3s linear;
     -moz-transition: 0.3s linear;
}
.botaoalterarlista:active{
    background: url(/angelsis/imagens/bot_minialterar.png) 0 -51px;
}


/* BOTAO EXCLUIR EM LISTAS */

.botaoexcluirlista{
    background: url(/angelsis/imagens/bot_miniexcluir.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    color: #FFF;
    text-align: center;
    border: 0;
     -webkit-transition: 0.3s linear;
     -moz-transition: 0.3s linear;
}
.botaoexcluirlista:hover{
    background: url(/angelsis/imagens/bot_miniexcluir.png) 0 -26px;
     -webkit-transition: 0.3s linear;
     -moz-transition: 0.3s linear;
}
.botaoexcluirlista:active{
    background: url(/angelsis/imagens/bot_miniexcluir.png) 0 -51px;
}


/* BOTAO PAGAR EM LISTAS */

.botaopagarlista{
    background: url(/angelsis/imagens/bot_minipagar.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 24px;
    color: #FFF;
    text-align: center;
    border: 0;
     -webkit-transition: 0.3s linear;
     -moz-transition: 0.3s linear;    
}

.botaopagarlista:hover{
    background: url(/angelsis/imagens/bot_minipagar.png) 0 -24px;
     -webkit-transition: 0.3s linear;
     -moz-transition: 0.3s linear;    
}
.botaopagarlista:active{
    background: url(/angelsis/imagens/bot_minipagar.png) 0 -48px;
}


/* BOTAO CONSULTAR */   

 .botaoconsultar{
          background: url(/angelsis/imagens/botaoconsultar1.png);
          background-repeat: no-repeat;
          background-size: 18px 18px;
          background-position: 7px 2px; 
          background-color: #DDD ;
          width: auto;
          height: auto;
          padding: 3px 10px 2px 20px ;
          text-align: center;
          border-radius: 15px;
          font-family: Trebuchet MS;
          font-size: 14px;
          -webkit-transition: 0.3s linear;
          -moz-transition: 0.3s linear;              
}
.botaoconsultar:hover{
    background: url(/angelsis/imagens/botaoconsultar2.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 7px 2px;     
     -webkit-transition: 0.3s linear;
     -moz-transition: 0.3s linear;        
}
.botaoconsultar:active{
    background: url(/angelsis/imagens/botaoconsultar3.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 7px 2px;   
}

.botaoconsultar label{   position: relative;
                    font-size: 14px;    
                    font-weight: bold;
                    padding-left: 10px;
                    color: #000;
                    -webkit-transition: 0.3s linear;
                    -moz-transition: 0.3s linear;                        
                    }
.botaoconsultar:hover label { 
                         color: red;
                         -webkit-transition: 0.3s linear;
                         -moz-transition: 0.3s linear;                             
                         }
.botaoconsultar:active label{ 
                         color: gray;     
                         }
                 
                         
/* BOTAO NOVO */

.botaonovo{
          background: url(/angelsis/imagens/botaonovo1.png);
          background-repeat: no-repeat;
          background-size: 18px 18px;
          background-position: 7px 2px; 
          background-color: #DDD ;
          width: auto;
          height: auto;
          padding: 3px 10px 2px 20px ;
          text-align: center;
          border-radius: 15px;
          font-family: Trebuchet MS;
          font-size: 14px;
          -webkit-transition: 0.3s linear;
          -moz-transition: 0.3s linear;
}
.botaonovo:hover{
    background: url(/angelsis/imagens/botaonovo2.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 7px 2px;     
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
}
.botaonovo:active{
    background: url(/angelsis/imagens/botaonovo3.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 7px 2px;   
}

.botaonovo label{   position: relative;
                    font-size: 14px;    
                    font-weight: bold;
                    padding-left: 10px;
                    color: #000;
                    -webkit-transition: 0.3s linear;
                    -moz-transition: 0.3s linear;                        
                    }
.botaonovo:hover label { 
                         color: red;
                         -webkit-transition: 0.3s linear;
                         -moz-transition: 0.3s linear;                             
                         }
.botaonovo:active label{ 
                         color: gray;     
                         }

                         
/* BOTAO VOLTAR */

.botaovoltar{
          background: url(/angelsis/imagens/botaovoltar1.png);
          background-repeat: no-repeat;
          background-size: 18px 18px;
          background-position: 7px 2px; 
          background-color: #DDD ;
          width: auto;
          height: auto;
          padding: 3px 10px 2px 20px ;
          text-align: center;
          border-radius: 15px;
          font-family: Trebuchet MS;
          font-size: 14px;
          -webkit-transition: 0.3s linear;
          -moz-transition: 0.3s linear;              
}
.botaovoltar:hover{
    background: url(/angelsis/imagens/botaovoltar2.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 7px 2px;    
     -webkit-transition: 0.3s linear;
     -moz-transition: 0.3s linear;    
}
.botaovoltar:active{
    background: url(/angelsis/imagens/botaovoltar3.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 7px 2px;   
}

.botaovoltar label{   position: relative;
                    font-size: 14px;    
                    font-weight: bold;
                    padding-left: 10px;
                    color: #000;
                    -webkit-transition: 0.3s linear;
                    -moz-transition: 0.3s linear;                                 
                    }
.botaovoltar:hover label { 
                         color: red;
                         -webkit-transition: 0.3s linear;
                         -moz-transition: 0.3s linear;                             
                         }
.botaovoltar:active label{ 
                         color: gray;     
                         }
                         
                         
/* BOTAO OK */

.botaook{
          background: url(/angelsis/imagens/botaook1.png);
          background-repeat: no-repeat;
          background-size: 18px 18px;
          background-position: 7px 2px; 
          background-color: #DDD ;
          width: auto;
          height: auto;
          padding: 3px 10px 2px 20px ;
          text-align: center;
          border-radius: 15px;
          font-family: Trebuchet MS;
          font-size: 14px;
          -webkit-transition: 0.3s linear;
          -moz-transition: 0.3s linear;              
}
.botaook:hover{
    background: url(/angelsis/imagens/botaook2.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 7px 2px;  
     -webkit-transition: 0.3s linear;
     -moz-transition: 0.3s linear;        
}
.botaook:active{
    background: url(/angelsis/imagens/botaook3.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 7px 2px;   
}

.botaook label{ position: relative;
                    font-size: 14px;    
                    font-weight: bold;
                    padding-left: 10px;
                    color: #000;
                    -webkit-transition: 0.3s linear;
                    -moz-transition: 0.3s linear;                        
                    }
.botaook:hover label { 
                         color: red;
                         -webkit-transition: 0.3s linear;
                         -moz-transition: 0.3s linear;                             
                         }
.botaook:active label{ 
                         color: gray;     
                         }

                         
/* BOTAO SALVAR */

.botaosalvar{
          background: url(/angelsis/imagens/botaosalvar1.png);
          background-repeat: no-repeat;
          background-size: 18px 18px;
          background-position: 7px 2px; 
          background-color: #DDD ;
          width: auto;
          height: auto;
          padding: 3px 10px 2px 20px ;
          text-align: center;
          border-radius: 15px;
          font-family: Trebuchet MS;
          font-size: 14px;
          -webkit-transition: 0.3s linear;
          -moz-transition: 0.3s linear;              
}
.botaosalvar:hover{
    background: url(/angelsis/imagens/botaosalvar2.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 7px 2px; 
     -webkit-transition: 0.3s linear;
     -moz-transition: 0.3s linear;        
}
.botaosalvar:active{
    background: url(/angelsis/imagens/botaosalvar3.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 7px 2px;   
}

.botaosalvar label{ position: relative;
                    font-size: 14px;    
                    font-weight: bold;
                    padding-left: 10px;
                    color: #000;
                    -webkit-transition: 0.3s linear;
                    -moz-transition: 0.3s linear;                        
                    }
.botaosalvar:hover label { 
                         color: red;
                         -webkit-transition: 0.3s linear;
                         -moz-transition: 0.3s linear;                             
                         }
.botaosalvar:active label{ 
                         color: gray;     
                         }    
                     
                         
/* BOTAO PAGAR */

.botaopagar{
          background: url(/angelsis/imagens/botaopagar1.png);
          background-repeat: no-repeat;
          background-size: 18px 18px;
          background-position: 7px 2px; 
          background-color: #DDD ;
          width: auto;
          height: auto;
          padding: 3px 10px 2px 20px ;
          text-align: center;
          border-radius: 15px;
          font-family: Trebuchet MS;
          font-size: 14px;
          -webkit-transition: 0.3s linear;
          -moz-transition: 0.3s linear;              
}
.botaopagar:hover{
    background: url(/angelsis/imagens/botaopagar2.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 7px 2px;     
     -webkit-transition: 0.3s linear;
     -moz-transition: 0.3s linear;        
}
.botaopagar:active{
    background: url(/angelsis/imagens/botaopagar3.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 7px 2px;   
}

.botaopagar label{ position: relative;
                    font-size: 14px;    
                    font-weight: bold;
                    padding-left: 10px;
                    color: #000;
                    -webkit-transition: 0.3s linear;
                    -moz-transition: 0.3s linear;                        
                    }
.botaopagar:hover label { 
                         color: red;
                         }
.botaopagar:active label{ 
                         color: gray;     
                         }    

                         
/* BOTAO IMPRIMIR */

.botaoimprimir{
          background: url(/angelsis/imagens/botaoimprimir1.png);
          background-repeat: no-repeat;
          background-size: 18px 18px;
          background-position: 7px 2px; 
          background-color: #DDD ;
          width: auto;
          height: auto;
          padding: 3px 10px 2px 20px ;
          text-align: center;
          border-radius: 15px;
          font-family: Trebuchet MS;
          font-size: 14px;
          -webkit-transition: 0.3s linear;
          -moz-transition: 0.3s linear;              
}
.botaoimprimir:hover{
    background: url(/angelsis/imagens/botaoimprimir2.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 7px 2px;   
     -webkit-transition: 0.3s linear;
     -moz-transition: 0.3s linear;        
}
.botaoimprimir:active{
    background: url(/angelsis/imagens/botaoimprimir3.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 7px 2px;   
}

.botaoimprimir label{ position: relative;
                    font-size: 14px;    
                    font-weight: bold;
                    padding-left: 10px;
                    color: #000;
                    -webkit-transition: 0.3s linear;
                    -moz-transition: 0.3s linear;                        
                    }
.botaoimprimir:hover label { 
                         color: red;
                         -webkit-transition: 0.3s linear;
                         -moz-transition: 0.3s linear;                             
                         }
.botaoimprimir:active label{ 
                         color: gray;     
                         }   
